<section [ngStyle]="tagData.cssStyle|styleFilter">

  <!--2.3.4 活动详情页面-->
  <ng-container *ngIf="tagData.name === 'activityList'; else elseIsNotActivityListTemplate">
    <ng-container *ngIf="tagData.data.data && tagData.data.data.length > 0; else elseEmptyAcitivtyListTemplate">
      <div class="activityMainBox" *ngFor="let item of tagData.data.data"
        [ngStyle]="activityMainBoxCssStyle|styleFilter" appDebounceClick (debounceClick)="choose(item)">
        <div class="item-left" [ngStyle]="item.checkCssStyle|styleFilter">
          <i class="check-img" [ngStyle]="item.checkImgCssStyle|styleFilter"
            [ngClass]="{'checked-img': item.checked}"></i>
        </div>
        <div class="item-right" [ngStyle]="item.rightBoxCssStyle|styleFilter">
          <img class="imgUrl" *ngIf="item.singleGoods?.imgUrl" [src]="item.singleGoods?.imgUrl"
            onerror="this.src='assets/img/default_img.png'" [ngStyle]="item.singleGoods?.imgUrlCssStyle|styleFilter" />

          <div class="right-box">
            <div class="r-box-label1" [ngStyle]="item.singleGoods?.imgTag| styleFilter">{{item.singleGoods?.imgTag}}
            </div>
            <div class="r-box-label2" [ngStyle]="item.singleGoods?.secondRowLeftLabel1| styleFilter">
              <img *ngIf="item.singleGoods?.label2Icon" class="secondRowLeftLabelIcon"
                onerror="this.src='assets/icon/release_icon_location_lj@3x.png'" [src]="item.singleGoods?.label2Icon"
                [ngStyle]="item.singleGoods?.label2IconCssStyle| styleFilter">
              {{item.singleGoods?.secondRowLeftLabel1}}
            </div>
            <div class="r-box-label3" [ngStyle]="item.singleGoods?.thirdRowLeftLabel1CssStyle| styleFilter">
              <img class="secondRowLeftLabelIcon" *ngIf="item.singleGoods?.label3Icon"
                [src]="item.singleGoods?.label3Icon" [ngStyle]="item.singleGoods?.label3IconCssStyle| styleFilter"
                onerror="this.src='assets/icon/release_icon_location_lj@3x.png'">
              {{item.singleGoods?.thirdRowLeftLabel1}}
            </div>
          </div>
        </div>
      </div>
    </ng-container>
    <ng-template #elseEmptyAcitivtyListTemplate>
      <p class="emptyExpressData" [ngStyle]="tagData?.hintCssStyle| styleFilter">{{tagData?.hint}}</p>
    </ng-template>
    <ion-infinite-scroll *ngIf="showLoadMore" threshold="100px" (ionInfinite)="loadData($event)">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
      </ion-infinite-scroll-content>
    </ion-infinite-scroll>





  </ng-container>
  <ng-template #elseIsNotActivityListTemplate>
    <!-- 2.3.3 logisticsTrajectory 物流详情 -->
    <ng-container *ngIf="tagData.name === 'logisticsTrajectory'; else elseIsNotLogisticsTrajectoryTemplate">
      <ng-container *ngIf="tagData.data.data && tagData.data.data.length > 0; else elseEmptyExpressDataTemplate">
        <ng-container *ngIf="isGroupEnabled; else normalLogisticsTrajectoryTemplate">
          <ng-container *ngIf="groupedByDateKeys&& groupedByDateKeys.length > 0 ; else elseEmptyGroupedByDateTemplate">
            <div *ngFor="let day of groupedByDateKeys;let i = index" class="express"
              [ngStyle]="expressBoxCssStyle | styleFilter">
              <div class="express-circle" [ngStyle]="expressCircleCssStyle | styleFilter">
                <div class="top-circle-left newCircle" [ngStyle]="newCirecleCssStyle | styleFilter"></div>
                <ng-container *ngIf="groupedByDateKeys.length>1; else elseGroupedByDateLengthTemplate">
                  <span *ngIf="i !== (groupedByDateKeys.length - 1)" [ngStyle]="newCircleLabelCssStyle | styleFilter"
                    class="label-left newCircleLabel"></span>
                </ng-container>
                <ng-template #elseGroupedByDateLengthTemplate>
                  <span [ngStyle]="newCircleLabelCssStyle | styleFilter" class="label-left newCircleLabel"></span>
                </ng-template>
              </div>
              <div class="top-content" [ngStyle]="topContentCssStyle | styleFilter">
                <div class="groupTitle" [ngStyle]="groupTitleCssStyle | styleFilter">{{ day }}</div>
                <div class="groupBox" [ngStyle]="groupBoxCssStyle | styleFilter" *ngFor="let item of groupedByDate[day]"
                  appDebounceClick (debounceClick)="jump(item.link)">
                  <p class="groupContext" *ngIf="item.context" [ngStyle]="item?.contextCssStyle | styleFilter">
                    {{item.context }}</p>
                  <p class="groupDesc" *ngIf="item.description" [ngStyle]="item?.descriptionCssStyle | styleFilter">
                    {{item.description }}</p>
                </div>
              </div>
            </div>
          </ng-container>
          <ng-template #elseEmptyGroupedByDateTemplate>

            <p>{{tagData.data?.hint}}</p>

          </ng-template>


        </ng-container>
        <ng-template #normalLogisticsTrajectoryTemplate>
          <ng-container *ngFor="let item of tagData.data.data;let i = index">
            <div class="express" [ngStyle]="item?.expressBoxCssStyle | styleFilter">
              <div class="express-circle" [ngStyle]="item?.expressCircleCssStyle | styleFilter">
                <div class="top-circle-left" [ngStyle]="item?.circleCssStyle | styleFilter"
                  [ngClass]="{'circle-action': i===0}">
                </div>
                <span *ngIf="i !== tagData.data.data.length - 1" class="label-left" style="height: 100%;"
                  [ngStyle]="item?.itemCircleLineCssStyle | styleFilter">
                </span>
              </div>
              <div class="top-content" [ngStyle]="item?.itemBoxCssStyle | styleFilter">
                <ng-container *ngIf="item.status; else elseStatu">
                  <span class="express-title" [ngStyle]="item?.titleCssStyle | styleFilter">{{item.status}}</span>
                  <div [ngStyle]="item?.itemDescCssStyle | styleFilter"><span [innerHTML]="item.context"></span> </div>
                  <span class="express-left"
                    [ngStyle]="item?.itemTimeCssStyle | styleFilter">{{item.time|customDateFilter:'mm'}}</span>
                </ng-container>
                <ng-template #elseStatu>
                  <span class="express-left"
                    [ngStyle]="item?.itemTimeCssStyle | styleFilter">{{item.time|customDateFilter:'mm'}}</span>
                  <div [ngStyle]="item?.itemDescCssStyle | styleFilter"><span [innerHTML]="item.context"></span> </div>
                </ng-template>
              </div>
            </div>
            <div class="bottom" *ngIf="i !== tagData.data.data.length - 1"
              [ngStyle]="item?.expressBottomBoxCssStyle | styleFilter">
              <div class="express-lable" [ngStyle]="item?.expressLabelBoxCssStyle | styleFilter">
                <span *ngIf="i !== tagData.data.length - 1" [ngStyle]="item?.borderCssStyle | styleFilter"
                  class="label-left"></span>
                <span *ngIf="item.label && item.status === '1'" [ngStyle]="item?.labelCssStyle| styleFilter"
                  class="label-right">{{item.context}}</span>
              </div>
            </div>
          </ng-container>
        </ng-template>


      </ng-container>
      <ng-template #elseEmptyExpressDataTemplate>
        <p>{{tagData.data?.hint}}</p>
      </ng-template>
    </ng-container>
    <ng-template #elseIsNotLogisticsTrajectoryTemplate>
      <!--2.3.1 convenienceSupermarket 附近生活  便利超市 -->
      <ng-container *ngIf="tagData.name === 'convenienceSupermarket'; else elseNormalSingleManageListTemplate">
        <div class="multiple-select-bg-3 supermarketProducts" [ngStyle]="tagData.cssStyle | styleFilter">
          <!--2024.04.09 商品分类 -->
          <div class="multiple-select-left">
            <div class="item-left" [ngClass]="{'item-left-open': it.open}" *ngFor="let it of tagData.data.data; "
              appDebounceClick (debounceClick)="itemLeftClick(it)">
              <span class="yellow-current" *ngIf="it.open"></span>
              <span class="red-dot" *ngIf="it.hasValue"></span>
              {{it.label}}<img class="type-icon" *ngIf="it.icon && it.icon.length > 1" src="{{it.icon}}" />
            </div>
          </div>

          <!--2024.04.09 商品分类对应的商品-->
          <div class="multiple-select-right">
            <ng-container
              *ngIf="tagData.current?.children.length > 0 && tagData.current?.children[0].children.length === 0; else hasChildren">
              <div class="row-bg">
                <div class="tag-supermarket-bg">
                  <!--appDebounceClick (debounceClick)="tagClick(tag)"-->
                  <div class="right-img-bg" *ngFor="let tag of tagData.current?.children ,let a = index">
                    <img class="tag-supermarket-img" src="{{tag.img}}" alt=""
                      onerror="this.src='assets/img/default_img.png'">
                    <div class="right-title-box">
                      <p class="supermarket-label">{{tag.label}}</p>
                      <div class="supermarket-money-box">
                        <span class="supermarket-inner-box">
                          <font class="makert-amount-unit">￥</font>
                          <font class="makert-amount">
                            {{(getInterger(rightAmount - 0) | currency:'CNY':'':'1.0-0')}}</font>
                          <i class="market-amount-digits">{{(rightAmount
                            +
                            0 | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                        </span>





                        <div class="cartBox">
                          <ion-badge *ngIf="tag?.settleCartNum&&tag?.settleCartNum>0" class="badge">
                            {{tag?.settleCartNum}}</ion-badge>

                          <img class="tag-supermarket-add-img" appDebounceClick (debounceClick)="addToCart(tag)"
                            src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1711676255490b4514b48116ebca8f771c3def56438df.png"
                            alt=""
                            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1711676255490b4514b48116ebca8f771c3def56438df.png'">

                        </div>


                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </ng-container>
            <ng-template #hasChildren>
              <div class="row-bg" *ngFor="let it of tagData.current?.children, let i = index">

                <div class="row" [ngClass]="{'not-first-row': i !== 0}">

                  <span style="flex-grow: 1;">{{it.label}}</span>
                </div>
                <div class="tag-bg" id=it.value *ngIf="it.children && it.children.length >0">

                  <ng-container *ngIf="it.children[0].img && it.children[0].img.length > 0; else tagNoImg">
                    <div class="tag-img-bg" appDebounceClick (debounceClick)="tagClick(tag)"
                      *ngFor="let tag of it.children ,let a = index">
                      <img class="tag-img" src="{{tag.img}}" alt="">
                      <p class="tag-label">{{tag.label}}</p>
                    </div>
                  </ng-container>
                  <ng-template #tagNoImg>
                    <div class="tag" [ngClass]="{'tag-mr075': a%2 === 0}" appDebounceClick
                      (debounceClick)="tagClick(tag)" *ngFor="let tag of it.children, let a = index">{{tag.label}}
                    </div>
                  </ng-template>
                </div>
              </div>
            </ng-template>
          </div>
        </div>
      </ng-container>
      <!--2024.04.09 添加商品-->
      <ng-template #elseNormalSingleManageListTemplate>
        <!--2.0新增标签适配-->
        <ng-container *ngIf="isTagAdapter===true; else isNotAdapterTemplate">
          <ng-container *ngFor="let item of detailListTag, let dataIndex = index">
            <app-store-consultant [tagData]="item">
            </app-store-consultant>
          </ng-container>
        </ng-container>
        <ng-template #isNotAdapterTemplate>
          <!--2.0新增头部切换搜索-->
          <div *ngIf="tagData&&tagData.data?.headDiv" class="headDiv"
            [ngStyle]="tagData.data?.headDiv?.headDivBoxCssStyle|styleFilter">
            <div class="headDivInnerBox" *ngIf="tagData.data?.headDiv?.headDivInnerBoxCssStyle"
              [ngStyle]="tagData.data?.headDiv?.headDivInnerBoxCssStyle|styleFilter">


              <img class="firstRowLeftIcon" *ngIf="tagData.data?.headDiv?.firstRowLeftIcon"
                [src]="tagData.data?.headDiv?.firstRowLeftIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1689908864641f0440aff081225a0cb564d988002d0df.png'"
                [ngStyle]="tagData.data?.headDiv?.firstRowLeftIconCssStyle|styleFilter" />

              <span class="firstRowLeftLabel1" *ngIf="tagData?.data?.headDiv.firstRowLeftLabel1"
                [ngStyle]="tagData?.data?.headDiv.firstRowLeftLabel1CssStyle|styleFilter">
                {{tagData?.data?.headDiv.firstRowLeftLabel1}}
              </span>

              <span class="firstRowLeftLabel2" *ngIf="tagData?.data?.headDiv.firstRowLeftLabel2"
                [ngStyle]="tagData?.data?.headDiv.firstRowLeftLabel2CssStyle|styleFilter">
                {{tagData?.data?.headDiv.firstRowLeftLabel2}}
              </span>

              <span class="title" *ngIf="tagData.data?.headDiv?.firstRowLeftLabelCssStyle" appDebounceClick
                (debounceClick)="changeCity(firstLink,$event)"
                [ngStyle]="tagData.data?.headDiv?.firstRowLeftLabelCssStyle|styleFilter">
                {{positionInfo?.name}}
                <img class="firstRowIcon" *ngIf="tagData.data?.headDiv?.firstRowIcon"
                  [src]="tagData.data?.headDiv?.firstRowIcon"
                  onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1676874263937b0e1ec64c053f9a5b61b1064e88825ad.png'"
                  [ngStyle]="tagData.data?.headDiv?.firstRowIconCssStyle|styleFilter" />
              </span>

              <div class="middleLine" *ngIf="tagData.data?.headDiv?.middleLine"
                [ngStyle]="tagData.data?.headDiv?.middleLineCssStyle|styleFilter"></div>

              <img class="firstRowSecondIcon" *ngIf="tagData.data?.headDiv?.firstRowSecondIcon"
                [src]="tagData.data?.headDiv?.firstRowSecondIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1676874396056d11476e453f701a0fed858915f7e1921.png'"
                [ngStyle]="tagData.data?.headDiv?.firstRowSecondIconCssStyle|styleFilter" appDebounceClick
                (debounceClick)="go(secondLink,$event)" />
              <span class="title" *ngIf="tagData.data?.headDiv?.firstRowLeftHintLabel"
                [ngStyle]="tagData.data?.headDiv?.firstRowLeftHintLabelCssStyle|styleFilter" appDebounceClick
                (debounceClick)="go(secondLink,$event)">
                {{tagData.data?.headDiv?.firstRowLeftHintLabel}}
              </span>
            </div>

            <!--取消按钮-->
            <span class="headDivRightText" *ngIf="tagData?.data?.headDiv.headRightText"
              [ngStyle]="tagData?.data?.headDiv.headRightTextCssStyle|styleFilter" appDebounceClick
              (debounceClick)="goBack(tagData?.data?.headDiv.headRightBtnType)">
              {{tagData?.data?.headDiv.headRightText}}
            </span>

            <span class="firstRowLeftLabel2" *ngIf="tagData?.data?.headDiv.firstRowRightLabel1"
              [ngStyle]="tagData?.data?.headDiv.firstRowRightLabel1CssStyle|styleFilter">
              {{tagData?.data?.headDiv.firstRowRightLabel1}}
            </span>
          </div>

          <ng-container *ngFor="let item of tagData?.data?.data, let dataIndex = index">
            <div id="singleManageList{{dataIndex}}" class="information" [ngStyle]="item?.innerBoxCssStyle|styleFilter">
              <div class="status-badge" *ngIf="item.statusBadge" [ngStyle]="item?.statusBadgeCssStyle|styleFilter">
                {{item.statusBadge}}
              </div>
              <div class="express-box" *ngIf="item.topButtons" [ngStyle]="item?.topButtonBoxCssStyle|styleFilter">
                <span class="title" *ngIf="item.expressTopLeftLabel"
                  [ngStyle]="item.expressTopLeftLabelCssStyle|styleFilter">{{item.expressTopLeftLabel}}</span>
                <span class="title" *ngIf="item.expressTopLeftLabel2"
                  [ngStyle]="item.expressTopLeftLabel2CssStyle|styleFilter">{{item.expressTopLeftLabel2}}</span>
                <ng-container *ngFor="let leftBtnItem of item.topButtons">
                  <img *ngIf="leftBtnItem.imgUrl" class="normal-btn-icon" [src]="leftBtnItem.imgUrl"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_169770008904705cd0dbfef8f009f64b4ecfd5d077968.png'"
                    [ngStyle]="leftBtnItem?.btnCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="normalBtnClick(leftBtnItem,dataIndex)" />
                </ng-container>

              </div>

              <div class="express-main-box" *ngIf="item.showExpressMainBox"
                [ngStyle]="item?.showExpressMainBoxCssStyle|styleFilter">
                <div class="express-leftbox" *ngIf="item.expressLeftLabel"
                  [ngStyle]="item?.expressLeftBoxCssStyle|styleFilter">
                  <span class="expressLabel" *ngIf="item.expressLeftLabel"
                    [ngStyle]="item.expressLeftLabelCssStyle|styleFilter">{{item.expressLeftLabel}}</span>
                  <span class="expressLabel2" *ngIf="item.expressLeftLabel2"
                    [ngStyle]="item.expressLeftLabel2CssStyle|styleFilter">{{item.expressLeftLabel2}}</span>
                </div>

                <div class="express-middlebox" *ngIf="item.expressMiddleLabel">
                  <img class="expressMiddleIcon" *ngIf="item.expressMiddleIcon" [src]="item.expressMiddleIcon"
                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1718266734364a2c3378a0acc0cad0bea927e51c35a77.png'"
                    [ngStyle]="item.expressMiddleIconCssStyle|styleFilter" />
                  <span class="expressMiddleLabel" *ngIf="item.expressMiddleLabel"
                    [ngStyle]="item.expressMiddleLabelCssStyle|styleFilter">{{item.expressMiddleLabel}}</span>
                </div>

                <div class="express-rightbox" *ngIf="item.expressRightLabel"
                  [ngStyle]="item?.expressRightBoxCssStyle|styleFilter">

                  <span class="expressLabel" *ngIf="item.expressRightLabel"
                    [ngStyle]="item.expressRightLabelCssStyle|styleFilter">{{item.expressRightLabel}}</span>
                  <span class="expressLabel2" *ngIf="item.expressRightLabel2"
                    [ngStyle]="item.expressRightLabel2CssStyle|styleFilter">{{item.expressRightLabel2}}</span>
                </div>

              </div>



              <!--1.7.0新增列表-->
              <ng-container *ngIf="item.cssStyle!==undefined&&item.cssStyle==='1'">
                <div appDebounceClick (debounceClick)="go(item,$event,dataIndex)" class="informationMessage1"
                  [ngStyle]="item?.innerBox1CssStyle|styleFilter">
                  <div class="main-box1" [ngStyle]="item?.innerBox2CssStyle|styleFilter">
                    <p class="css-1-title" *ngIf="item.firstRowLeft?.title?.label"
                      [ngStyle]="item.firstRowLeft?.title?.cssStyle|styleFilter">
                      <span class="title" *ngIf="item.firstRowLeft?.videoTag?.label"
                        [ngStyle]="item.firstRowLeft?.videoTag?.cssStyle|styleFilter">{{item.firstRowLeft?.videoTag?.label}}
                        <font *ngIf="item.firstRowLeft?.videoTag?.label1"
                          [ngStyle]="item.firstRowLeft?.videoTag?.label1CssStyle|styleFilter">
                          {{item.firstRowLeft?.videoTag?.label1}} </font>
                      </span>
                      {{item.firstRowLeft?.title?.label}}
                    </p>
                    <p class="css-1-subtitle" *ngIf="item.firstRowLeft?.subTitle?.label"
                      [ngStyle]="item.firstRowLeft?.subTitle?.cssStyle|styleFilter">
                      <img class="subTitle-location-icon" *ngIf="item.firstRowLeft?.subTitle?.icon"
                        [src]="item.firstRowLeft?.subTitle?.icon" onerror="this.src='assets/fw/icon_location@3x.png'"
                        [ngStyle]="item.firstRowLeft?.subTitle?.iconCssStyle|styleFilter" />
                      {{item.firstRowLeft?.subTitle?.label}}
                    </p>
                  </div>
                  <img class="css-1-arrow" *ngIf="item.cssStyleArrowIcon" [src]="item.cssStyleArrowIcon"
                    onerror="this.src='assets/fw/fw_personalcenter_icon_arrow_right@3x.png'"
                    [ngStyle]="item.cssStyleArrowIconCssStyle|styleFilter" appDebounceClick
                    (debounceClick)="go(item,$event)" />

                </div>
              </ng-container>


              <!--1.7.0新增列表-->
              <ng-container *ngIf="item.cssStyle===undefined">
                <div class="informationMessage" [ngStyle]="item?.innerBox1CssStyle|styleFilter">




                  <ng-container *ngIf="item?.areaType">
                    <p class="areaType" [ngStyle]="item.areaTypeTitleCssStyle|styleFilter"
                      *ngIf="dataIndex===0 || ( dataIndex > 0 && item.group_type !== tagData.data.data[dataIndex-1].group_type )">
                      {{item.areaType}}
                    </p>
                  </ng-container>

                  <!--2.2 新增样式-->
                  <div class="topLabel" *ngIf="item.topLeftLabel" [ngStyle]="item.topLabelBoxCssStyle|styleFilter">
                    <span
                      [ngStyle]="item.topLeftLabel.firstText?.cssStyle|styleFilter">{{item.topLeftLabel.firstText?.label}}</span>
                    <span
                      [ngStyle]="item.topRightLabel.firstText?.cssStyle|styleFilter">{{item.topRightLabel.firstText?.label}}</span>
                  </div>

                  <div appDebounceClick (debounceClick)="go(item,$event,dataIndex)" class="main-box"
                    [ngStyle]="item?.innerBox2CssStyle|styleFilter">


                    <ng-container *ngIf="item.img!==undefined&&item.img.imgUrl!==undefined">


                      <div class="imgBox" [ngStyle]="item.img?.imgUrl?.boxCssStyle|styleFilter">
                        <img class="informationImg" [src]="item.img?.imgUrl?.url"
                          onerror="this.src='assets/img/default_img.png'"
                          [ngStyle]="item.img?.imgUrl?.cssStyle|styleFilter">
                        <span *ngIf="item.img?.imgUrl?.imgBottomLabel" class="imgBottomLabel"
                          [ngStyle]="item.img?.imgUrl?.imgBottomLabelCssStyle|styleFilter">{{item.img?.imgUrl?.imgBottomLabel}}</span>
                      </div>

                    </ng-container>
                    <ng-container *ngIf="item.img!==undefined&&item.img.imgUrl===undefined">

                      <img class="informationImg" *ngIf="item.img !== undefined" [src]="item.img"
                        onerror="this.src='assets/img/default_img.png'" appDebounceClick
                        (debounceClick)="previewImage(item.img,1,item.imageIsPreView)">

                    </ng-container>
                    <div [ngClass]="{'noImageInformation': item.img === undefined}" class="informationRight"
                      [ngStyle]="item?.innerBox3CssStyle|styleFilter">
                      <div class="firstClassBox">
                        <p class="fristClass">
                          <span class="fristClassTitle" *ngIf="item.title">{{item.title}}</span>
                          <ng-container *ngFor="let tagItem of item.upTags">
                            <span class="title-tag" [ngStyle]="tagItem.cssStyle | styleFilter">{{tagItem.label}}</span>
                          </ng-container>
                        </p>

                        <!--左侧圆点-->
                        <div class="topLeftCircle" [ngClass]="{'checkFirstCircle': item?.isCheckFirst&&dataIndex===0}"
                          *ngIf="item.leftCircleCssStyle" [ngStyle]="item.leftCircleCssStyle|styleFilter"></div>

                        <div class="singleRow">
                          <div class="firstRowLeft 1" [ngStyle]="item.firstRowLeftCssStyle | styleFilter">
                            <!-- firstTextRight·距离-->
                            <span *ngIf="item.firstRowLeft&&item.firstRowLeft?.firstText"
                              [ngStyle]="item.firstRowLeft.firstText.cssStyle | styleFilter"
                              [ngClass]="{'checkFirst': item?.isCheckFirst&&dataIndex===0}">{{item.firstRowLeft?.firstText?.label}}<span
                                *ngIf="item.firstRowLeft?.firstTextRight?.label"
                                [ngStyle]="item.firstRowLeft?.firstTextRight?.cssStyle | styleFilter">{{item.firstRowLeft?.firstTextRight?.label}}</span>
                            </span>

                            <span *ngIf="item.firstRowLeft&&item.firstRowLeft?.secondText"
                              [ngStyle]="item.firstRowLeft.secondText.cssStyle | styleFilter">
                              <img *ngIf="item.firstRowLeft?.secondText?.icon"
                                [ngStyle]="item.firstRowLeft.secondText.iconCssStyle | styleFilter"
                                [src]="item.firstRowLeft.secondText.icon">

                              <font [ngStyle]="item.firstRowLeft.secondText?.innerCssStyle | styleFilter">
                                {{item.firstRowLeft.secondText.label}}</font>
                            </span>
                            <span *ngIf="item.firstRowLeft&&item.firstRowLeft?.thirdText"
                              [ngStyle]="item.firstRowLeft.thirdText.cssStyle | styleFilter">
                              <img *ngIf="item.firstRowLeft?.thirdText?.icon"
                                [ngStyle]="item.firstRowLeft.thirdText.iconCssStyle | styleFilter"
                                [src]="item.firstRowLeft.thirdText.icon">

                              <font [ngStyle]="item.firstRowLeft.thirdText?.innerCssStyle | styleFilter">
                                {{item.firstRowLeft.thirdText.label}}</font>
                            </span>
                            <span *ngIf="item.firstRowLeft&&item.firstRowLeft?.fourthText"
                              [ngStyle]="item.firstRowLeft.fourthText.cssStyle | styleFilter">
                              <img *ngIf="item.firstRowLeft?.fourthText?.icon"
                                [ngStyle]="item.firstRowLeft.fourthText.iconCssStyle | styleFilter"
                                [src]="item.firstRowLeft.fourthText.icon">

                              <font [ngStyle]="item.firstRowLeft.fourthText?.innerCssStyle | styleFilter">
                                {{item.firstRowLeft.fourthText.label}}</font>
                            </span>
                            <span *ngIf="item.firstRowLeft&&item.firstRowLeft?.fifthText"
                              [ngStyle]="item.firstRowLeft.fifthText.cssStyle | styleFilter">{{item.firstRowLeft.fifthText.label}}</span>
                            <span *ngIf="item.firstRowLeft&&item.firstRowLeft?.title"
                              class="firstRowTitle">{{item.firstRowLeft&&item.firstRowLeft?.title?.label}}</span>
                            <span *ngIf="item.firstRowLeft&&item.firstRowLeft?.sixthText"
                              [ngStyle]="item.firstRowLeft.sixthText.cssStyle | styleFilter">
                              <img *ngIf="item.firstRowLeft?.sixthText?.icon"
                                [ngStyle]="item.firstRowLeft.sixthText.iconCssStyle | styleFilter"
                                [src]="item.firstRowLeft.sixthText.icon">
                              <span
                                [ngStyle]="item.firstRowLeft.sixthText.labelCssStyle | styleFilter">{{item.firstRowLeft.sixthText.label}}</span>
                            </span>
                          </div>
                          <div class="firstRowRight 1" *ngIf="item.firstRowRight"
                            [ngStyle]="item.firstRowRightCssStyle | styleFilter">

                            <ng-container *ngFor="let leftBtnItem1 of item.phoneButtons1">
                              <img *ngIf="leftBtnItem1.imgUrl" class="phoneIcon" [src]="leftBtnItem1.imgUrl"
                                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_169770008904705cd0dbfef8f009f64b4ecfd5d077968.png'"
                                [ngStyle]="leftBtnItem1?.btnCssStyle|styleFilter" appDebounceClick
                                (debounceClick)="normalBtnClick(leftBtnItem1,dataIndex)" />
                            </ng-container>

                            <div class="first-row-right-inner-box"
                              [ngStyle]="item?.firstRowRightInnerBox1CssStyle | styleFilter">
                              <span *ngIf="item.firstRowRight&&item.firstRowRight.firstText"
                                [ngStyle]="item.firstRowRight.firstText.cssStyle | styleFilter">{{item.firstRowRight.firstText.label}}</span>
                              <span *ngIf="item.firstRowRight&&item.firstRowRight.secondText"
                                [ngStyle]="item.firstRowRight.secondText.cssStyle | styleFilter">{{item.firstRowRight.secondText.label}}</span>

                              <span class="rightItemAmount" *ngIf="item?.firstRowRight?.threeText?.money"
                                [ngStyle]="item?.firstRowRight?.threeText.moneyBoxCssStyle|styleFilter">
                                <font *ngIf="item.moneyUnit"
                                  [ngStyle]="item?.firstRowRight?.threeText.moneyUnitCssStyle|styleFilter">
                                  {{item?.firstRowRight?.threeText.moneyUnit}}</font>
                                <font class="rightAmountInteger"
                                  [ngStyle]="item?.firstRowRight?.threeText.moneyCssStyle|styleFilter">
                                  {{(getInterger(item?.firstRowRight?.threeText.money - 0) |
                                  currency:'CNY':'':'1.0-0')}}
                                </font>
                                <i class="price-digits-new"
                                  [ngStyle]="item?.firstRowRight?.threeText.moneyDigitsCssStyle|styleFilter">{{(item?.firstRowRight?.threeText.money
                                  - 0 | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                              </span>

                            </div>
                            <span *ngIf="item.firstRowRight&&item.firstRowRight.bottomText"
                              [ngStyle]="item.firstRowRight.bottomText.cssStyle | styleFilter">{{item.firstRowRight.bottomText.label}}</span>


                          </div>
                          <div class="firstRowRight" *ngIf="item.firstRowRightLink" appDebounceClick
                            (debounceClick)="go(item.firstRowRightLink.linkInfo)"
                            [ngStyle]="item.firstRowRightCssStyle | styleFilter">
                            <span *ngIf="item.firstRowRightLink&&item.firstRowRightLink.label"
                              [ngStyle]="item.firstRowRightLink.cssStyle | styleFilter">{{item.firstRowRightLink.label}}</span>
                            <img class="right-arrow" src="{{item.firstRowRightLink&&item.firstRowRightLink.icon}}"
                              onerror="this.src='assets/fw/arrow_reply.png'"
                              [ngStyle]="item.firstRowRightLink.iconCssStyle | styleFilter" />
                          </div>
                        </div>
                        <div class="remarkDiv"
                          *ngIf="item.remarkDiv?.firstText?.label || item.remarkDiv?.secondText?.label">
                          <span class="remark-label" *ngIf="item.remarkDiv?.firstText?.label"
                            [ngStyle]="item.remarkDiv.firstText.cssStyle | styleFilter">{{item.remarkDiv.firstText.label}}</span>
                          <p [ngStyle]="item.remarkDiv.secondText.cssStyle | styleFilter" class="remark-content"
                            *ngIf="item.remarkDiv?.secondText?.label">{{item.remarkDiv.secondText.label}}</p>
                        </div>
                        <div class="normalRow 1" *ngIf="item.secondRowleft"
                          [ngStyle]="item.secondRowleft.firstText.rowBoxCssStyle | styleFilter">
                          <div class="firstRowLeft" [ngStyle]="item.secondRowLeftCssStyle | styleFilter">
                            <span *ngIf="item.secondRowleft&&item.secondRowleft?.firstText"
                              [ngStyle]="item.secondRowleft.firstText.cssStyle | styleFilter" appDebounceClick
                              (debounceClick)="copyStr($event,item.secondRowleft.firstText.phone)">{{item.secondRowleft.firstText.label}}</span>
                            <div class="sep-line 1" *ngIf="!item.secondRowleft?.firstText?.hideSepLine"></div>
                            <span *ngIf="item.secondRowleft&&item.secondRowleft?.secondText"
                              [ngStyle]="item.secondRowleft.secondText.cssStyle | styleFilter">
                              {{item.secondRowleft.secondText.label}}</span>
                            <div class="sep-line 2" *ngIf="!item.secondRowleft?.secondText?.hideSepLine"></div>
                            <span *ngIf="item.secondRowleft&&item.secondRowleft?.thirdText"
                              [ngStyle]="item.secondRowleft.thirdText.cssStyle | styleFilter">
                              {{item.secondRowleft.thirdText.label}}</span>
                          </div>
                          <div class="firstRowLeft 2" *ngIf="item.secondRowright"
                            [ngStyle]="item.secondRowRightCssStyle | styleFilter">
                            <span *ngIf="item.secondRowright&&item.secondRowright?.firstText"
                              [ngStyle]="item.secondRowright.firstText.cssStyle | styleFilter">{{item.secondRowright.firstText.label}}</span>
                            <div class="sep-line 3" *ngIf="!item.secondRowright?.firstText?.hideSepLine"></div>
                            <span *ngIf="item.secondRowright&&item.secondRowright?.secondText"
                              [ngStyle]="item.secondRowright.secondText.cssStyle | styleFilter">
                              {{item.secondRowright.secondText.label}}</span>
                            <div class="sep-line 4" *ngIf="!item.secondRowright?.secondText?.hideSepLine"></div>
                            <span *ngIf="item.secondRowright&&item.secondRowright?.thirdText"
                              [ngStyle]="item.secondRowright.thirdText.cssStyle | styleFilter">
                              {{item.secondRowleft.thirdText.label}}</span>
                          </div>
                        </div>
                        <div class="innerBox4" [ngStyle]="item.innerBox4CssStyle | styleFilter">
                          <div *ngIf="item.imgUrlRowLeft" class="leftImgae"
                            [ngStyle]="item.imgUrlRowLeft?.box?.cssStyle | styleFilter">
                            <img [ngStyle]="item.imgUrlRowLeft?.img?.cssStyle | styleFilter"
                              [src]="item.imgUrlRowLeft?.img?.img" />
                            <span
                              [ngStyle]="item.imgUrlRowLeft?.label?.cssStyle | styleFilter">{{item.imgUrlRowLeft?.label?.label}}</span>
                          </div>
                          <div [ngStyle]="item.innerBox5CssStyle | styleFilter">
                            <div class="normalRow 2" *ngIf="item.secondRowLeft"
                              [ngStyle]="item.secondRowLeft.firstText.rowBoxCssStyle | styleFilter">
                              <div class="firstRowLeft" [ngStyle]="item.secondRowLeftCssStyle | styleFilter">
                                <span *ngIf="item.secondRowLeft&&item.secondRowLeft?.firstText"
                                  [ngStyle]="item.secondRowLeft.firstText.cssStyle | styleFilter">{{item.secondRowLeft.firstText.label}}</span>
                                <div class="sep-line 5" *ngIf="!item.secondRowLeft?.firstText?.hideSepLine"></div>
                                <span *ngIf="item.secondRowLeft&&item.secondRowLeft?.secondText"
                                  [ngStyle]="item.secondRowLeft.secondText.cssStyle | styleFilter">
                                  {{item.secondRowLeft.secondText.label}}</span>
                                <div class="sep-line 6" *ngIf="!item.secondRowLeft?.secondText?.hideSepLine"></div>
                                <span *ngIf="item.secondRowLeft&&item.secondRowLeft?.thirdText"
                                  [ngStyle]="item.secondRowLeft.thirdText.cssStyle | styleFilter">
                                  {{item.secondRowLeft.thirdText.label}}</span>
                              </div>
                              <div class="firstRowRight" *ngIf="item.secondRowRight"
                                [ngStyle]="item.secondRowRightCssStyle | styleFilter">
                                <span *ngIf="item.secondRowRight&&item.secondRowRight?.firstText"
                                  [ngStyle]="item.secondRowRight.firstText.cssStyle | styleFilter">{{item.secondRowRight.firstText.label}}</span>
                                <div class="sep-line 7" *ngIf="!item.secondRowRight?.firstText?.hideSepLine"></div>
                                <span *ngIf="item.secondRowRight&&item.secondRowRight?.secondText"
                                  [ngStyle]="item.secondRowRight.secondText.cssStyle | styleFilter">
                                  {{item.secondRowRight.secondText.label}}</span>
                                <div class="sep-line 8" *ngIf="!item.secondRowRight?.secondText?.hideSepLine"></div>
                                <span *ngIf="item.secondRowRight&&item.secondRowRight?.thirdText"
                                  [ngStyle]="item.secondRowRight.thirdText.cssStyle | styleFilter">
                                  {{item.secondRowRight.thirdText.label}}</span>
                              </div>
                            </div>
                            <div class="normalRow 3" *ngIf="item.thirdRowLeft || item.thirdRowRight"
                              [ngStyle]="item.thirdRowBox?.firstBox?.cssStyle|styleFilter"
                              [ngClass]="{'normalRow': item.thirdRowLeft&&!item.thirdRowRight,'singleRow':item.thirdRowLeft&&item.thirdRowRight}">
                              <div class="firstRowLeft" *ngIf="item.thirdRowLeft" [ngStyle]="item.thirdRowLeft?.thirdRowLeftCssStyle|
                              styleFilter">
                                <ng-container *ngIf="item.thirdRowLeft&&item.thirdRowLeft?.firstText">
                                  <ng-container *ngIf="isLabelString(item.thirdRowLeft.firstText.label)">
                                    <span [ngStyle]="item.thirdRowLeft.firstText.cssStyle | styleFilter">{{
                                      item.thirdRowLeft.firstText.label }}</span>
                                  </ng-container>
                                  <ng-container *ngIf="isLabelArray(item.thirdRowLeft.firstText.label)">
                                    <!-- 如果是数组，可以进一步处理 -->
                                    <div class="labelArray" [ngStyle]="item.labelArrayCssStyle | styleFilter">
                                      <ng-container
                                        *ngFor="let label of item.thirdRowLeft.firstText.label;let j = index;">
                                        {{ label }}  <font class="sep-line-array" [ngStyle]="item.labelArraySepLineCssStyle | styleFilter"
                                        *ngIf="(item.thirdRowLeft.firstText.label.length-1) !==j"></font> </ng-container>
                                    </div>
                                    <!-- <ng-container *ngIf="item.thirdRowLeftIndex&&item.thirdRowLeftIndex===(j+''); else elseCustomIndexTemplate">
                                        <div class="labelArray" [ngStyle]="item.thirdRowLeftIndexCssStyle | styleFilter">
                                          {{ label }}
                                        </div>
                                      </ng-container>
                                      <ng-template #elseCustomIndexTemplate>
                                        <div class="labelArray" [ngStyle]="item.labelArrayCssStyle | styleFilter">
                                          {{ label }}
                                        </div>
                                      </ng-template>
                                       -->

                                    <!-- <div class="sep-line array" [ngStyle]="item.labelArraySepLineCssStyle | styleFilter"
                                        *ngIf="(item.thirdRowLeft.firstText.label.length-1) !==j"></div> -->

                                  </ng-container>
                                </ng-container>




                                <div class="sep-line 9" *ngIf="item.thirdRowLeft?.firstText?.showSepLine"></div>
                                <span *ngIf="item.thirdRowLeft&&item.thirdRowLeft?.secondText"
                                  [ngStyle]="item.thirdRowLeft.secondText.cssStyle | styleFilter">{{item.thirdRowLeft.secondText.label}}</span>
                                <div class="sep-line 10" *ngIf="item.thirdRowLeft?.secondText?.showSepLine"></div>
                                <span *ngIf="item.thirdRowLeft&&item.thirdRowLeft?.thirdText"
                                  [ngStyle]="item.thirdRowLeft.thirdText.cssStyle | styleFilter">{{item.thirdRowLeft.thirdText.label}}</span>
                                <div class="sep-line 11" *ngIf="item.thirdRowLeft?.thirdText?.showSepLine"></div>
                                <span *ngIf="item.thirdRowLeft&&item.thirdRowLeft?.fourthText"
                                  [ngStyle]="item.thirdRowLeft.fourthText.cssStyle | styleFilter">{{item.thirdRowLeft.fourthText.label}}</span>
                                <div class="sep-line 12" *ngIf="item.thirdRowLeft?.fourthText?.showSepLine"></div>
                                <span *ngIf="item.thirdRowLeft&&item.thirdRowLeft?.fifthText"
                                  [ngStyle]="item.thirdRowLeft.fifthText.cssStyle | styleFilter">{{item.thirdRowLeft.fifthText.label}}</span>
                              </div>
                              <div class="firstRowLeft"
                                *ngIf="item.thirdRowRight && (item.thirdRowRight?.fifthText || item.thirdRowRight?.firstText?.icon)">
                                <span *ngIf="item.thirdRowRight&&item.thirdRowRight?.fifthText"
                                  [ngStyle]="item.thirdRowRight?.fifthText?.cssStyle | styleFilter">{{item.thirdRowRight?.fifthText?.label}}</span>
                                <img class="right-arrow" *ngIf="item.thirdRowRight?.firstText?.icon"
                                  src="./assets/fw/arrow_icon_rightllogistics.png"
                                  onerror="this.src='assets/fw/arrow_reply.png'" />


                                <ng-container *ngFor="let subBtn of item?.thirdRowLeft1Btns,let k = index;">
                                  <img src="{{subBtn.icon}}" appDebounceClick
                                    (debounceClick)="iconClick(subBtn,item,$event)" class="commonIcon"
                                    [ngStyle]="subBtn.iconCssStyle | styleFilter" *ngIf="subBtn" />
                                </ng-container>
                              </div>
                            </div>

                            <div class="normalRow 4" *ngIf="item.remark&&item.remark?.firstText?.label"
                              [ngStyle]="item.remark?.box?.cssStyle | styleFilter">
                              <span
                                [ngStyle]="item.remark?.firstText?.cssStyle | styleFilter">{{item.remark?.firstText?.label}}</span>
                            </div>


                            <!--2023.11.27 新增技能数组标签-->
                            <div class="skillBox" *ngIf="item.skillTags"
                              [ngStyle]="item.skillTagsBoxCssStyle | styleFilter">
                              <span class="skillTags" *ngFor="let skill of item.skillTags"
                                [ngStyle]="item.skillTagsItemCssStyle | styleFilter">{{skill}}</span>
                            </div>


                            <!-- 服务费  -->
                            <div class="normalRow 5" *ngIf="item.thirdRowLeft2 || item.thirdRowRight2"
                              [ngStyle]="item.thirdRowLeft2?.box?.cssStyle | styleFilter">




                              <div class="firstRowLeft" *ngIf="item.thirdRowLeft2"
                                [ngStyle]="item.thirdRowLeft2CssStyle | styleFilter">
                                <img src="{{item.thirdRowLeft2?.firstText?.icon}}" class="customIcon"
                                  [ngStyle]="item.thirdRowLeft2?.firstText?.iconCssStyle | styleFilter"
                                  *ngIf="item.thirdRowLeft2?.firstText?.icon" />
                                <span *ngIf="item.thirdRowLeft2&&item.thirdRowLeft2?.firstText"
                                  [ngStyle]="item.thirdRowLeft2?.firstText?.cssStyle | styleFilter">{{item.thirdRowLeft2?.firstText?.label}}</span>
                                <span *ngIf="item.thirdRowLeft2&&item.thirdRowLeft2?.secondText"
                                  [ngStyle]="item.thirdRowLeft2?.secondText?.cssStyle | styleFilter">{{item.thirdRowLeft2?.secondText?.label}}</span>
                                <span *ngIf="item.thirdRowLeft2&&item.thirdRowLeft2?.thirdText"
                                  [ngStyle]="item.thirdRowLeft2?.thirdText?.cssStyle | styleFilter"
                                  [innerHTML]="item.thirdRowLeft2?.thirdText?.label | parseStyle"></span>
                              </div>
                              <div class="firstRowRight" *ngIf="item.thirdRowRight2"
                                [ngStyle]="item.thirdRowRight2CssStyle | styleFilter">
                                <span *ngIf="item.thirdRowRight2?.firstText"
                                  [ngStyle]="item.thirdRowRight2.firstText.cssStyle | styleFilter">{{item.thirdRowRight2.firstText.label}}</span>
                                <span *ngIf="item.thirdRowRight2?.secondText"
                                  [ngStyle]="item.thirdRowRight2.secondText.cssStyle | styleFilter">{{item.thirdRowRight2.secondText.label}}</span>

                                <span *ngIf="item.thirdRowRight2?.label"
                                  [ngStyle]="item.thirdRowRight2.labelCssStyle | styleFilter" appDebounceClick
                                  (debounceClick)="onClick($event, item.thirdRowRight2)">{{item.thirdRowRight2.label}}<img
                                    *ngIf="item.thirdRowRight2?.icon" [src]="item.thirdRowRight2?.icon"
                                    [ngStyle]="item.thirdRowRight2.iconCssStyle | styleFilter" /></span>

                                <ng-container *ngFor="let subBtn of item?.thirdRowLeft2Btns,let k = index;">
                                  <img src="{{subBtn.icon}}" appDebounceClick
                                    (debounceClick)="iconClick(subBtn,item,$event)" class="commonIcon"
                                    [ngStyle]="subBtn.iconCssStyle | styleFilter" *ngIf="subBtn" />
                                </ng-container>

                              </div>


                            </div>

                            <div class="normalRow 51 applyTypeBox" *ngIf="item?.applyTypeBoxCssStyle"
                              [ngStyle]="item?.applyTypeBoxCssStyle | styleFilter">
                              <p [ngStyle]="item?.applyTypeLabelCssStyle | styleFilter">{{item?.applyTypeLabel}}<span
                                  [ngStyle]="item?.applyTypeValueCssStyle | styleFilter">{{item?.applyTypeValue}}</span>
                              </p>
                              <p [ngStyle]="item?.companyLabelCssStyle | styleFilter">{{item?.companyLabel}}<span
                                  [ngStyle]="item?.companyValueCssStyle | styleFilter">{{item?.companyValue}}</span></p>
                            </div>

                            <div class="normalRow 52 applyTypeBox" *ngIf="item?.moneyBoxCssStyle"
                              [ngStyle]="item?.moneyBoxCssStyle | styleFilter">
                              <span class="rightItemAmount" *ngIf="item.moneyBoxCssStyle"
                                [ngStyle]="item?.moneyInnerBoxCssStyle|styleFilter">
                                <font *ngIf="item.moneyUnit" [ngStyle]="item.moneyUnitCssStyle|styleFilter">
                                  {{item.moneyUnit}}</font>
                                <font class="rightAmountInteger" [ngStyle]="item.moneyValueCssStyle|styleFilter">
                                  {{(getInterger(item.moneyValue - 0) | currency:'CNY':'':'1.0-0')}}
                                </font>
                                <i class="price-digits-new"
                                  [ngStyle]="item.moneyDigitsCssStyle|styleFilter">{{(item.moneyValue
                                  - 0 | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                                <font *ngIf="item.unit1" [ngStyle]="item.unit1CssStyle|styleFilter">
                                  {{item.unit1}}</font>
                              </span>
                            </div>
                            <div class="normalRow 6" *ngIf="item.thirdRowLeft3 || item.thirdRowRight3"
                              [ngStyle]="item.thirdRowLeft3?.box?.cssStyle | styleFilter">
                              <div class="firstRowLeft" *ngIf="item.thirdRowLeft3"
                                [ngStyle]="item.thirdRowLeft3CssStyle | styleFilter">
                                <span *ngIf="item.thirdRowLeft3&&item.thirdRowLeft3?.firstText"
                                  [ngStyle]="item.thirdRowLeft3.firstText.cssStyle | styleFilter">
                                  <img src="{{item.thirdRowLeft3.firstText.icon}}" class="customIcon"
                                    [ngStyle]="item.thirdRowLeft3.firstText.iconCssStyle | styleFilter"
                                    *ngIf="item.thirdRowLeft3.firstText.icon" />{{item.thirdRowLeft3.firstText.label}}</span>
                                <span *ngIf="item.thirdRowLeft3&&item.thirdRowLeft3?.secondText"
                                  [ngStyle]="item.thirdRowLeft3.secondText.cssStyle | styleFilter" appDebounceClick
                                  (debounceClick)="iconClick2(item?.thirdRowLeftIcon3Btns,item,$event)">{{item.thirdRowLeft3.secondText.label}}
                                  <img src="{{item.thirdRowLeft3.secondText.icon}}" class="customIcon"
                                    [ngStyle]="item.thirdRowLeft3.secondText.iconCssStyle | styleFilter"
                                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16772907610943800eccaf84126ce6cba158c8a507f7d.png'"
                                    *ngIf="item.thirdRowLeft3.secondText.icon" />
                                </span>
                                <span class="thirdText 3" *ngIf="item.thirdRowLeft3&&item.thirdRowLeft3?.thirdText"
                                  [ngStyle]="item.thirdRowLeft3.thirdText.cssStyle | styleFilter">
                                  {{item.thirdRowLeft3.thirdText.label}}
                                </span>
                              </div>
                              <div class="firstRowRight" *ngIf="item.thirdRowRight3"
                                [ngStyle]="item.thirdRowRight3CssStyle | styleFilter">
                                <span *ngIf="item.thirdRowRight3&&item.thirdRowRight3?.firstText"
                                  [ngStyle]="item.thirdRowRight3.firstText.cssStyle | styleFilter">{{item.thirdRowRight3.firstText.label}}</span>
                                <span *ngIf="item.thirdRowRight3&&item.thirdRowRight3?.secondText"
                                  [ngStyle]="item.thirdRowRight3.secondText.cssStyle | styleFilter">{{item.thirdRowRight3.secondText.label}}</span>
                                <span *ngIf="item.thirdRowRight3&&item.thirdRowRight3?.thirdText"
                                  [ngStyle]="item.thirdRowRight3.thirdText.cssStyle | styleFilter">{{item.thirdRowRight3.thirdText.label}}</span>
                                <ng-container *ngFor="let subBtn of item?.thirdRowLeft3Btns,let k = index;">
                                  <img src="{{subBtn.icon}}" appDebounceClick
                                    (debounceClick)="iconClick(subBtn,item,$event)" class="commonIcon"
                                    [ngStyle]="subBtn.iconCssStyle | styleFilter" *ngIf="subBtn" />
                                </ng-container>
                              </div>
                            </div>
                            <div class="normalRow 7" *ngIf="item.thirdRowLeft4 || item.thirdRowRight4"
                              [ngStyle]="item.thirdRowLeft4?.box?.cssStyle | styleFilter">
                              <div class="firstRowLeft" *ngIf="item.thirdRowLeft4"
                                [ngStyle]="item.thirdRowLeft4?.box?.leftBoxCssStyle | styleFilter">
                                <span *ngIf="item.thirdRowLeft4&&item.thirdRowLeft4?.firstText"
                                  [ngStyle]="item.thirdRowLeft4.firstText.cssStyle | styleFilter">
                                  <img src="{{item.thirdRowLeft4.firstText.icon}}" class="customIcon"
                                    [ngStyle]="item.thirdRowLeft4.firstText.iconCssStyle | styleFilter"
                                    *ngIf="item.thirdRowLeft4.firstText.icon" />{{item.thirdRowLeft4.firstText.label}}<i
                                    class="require-label-bg" *ngIf="item.thirdRowLeft4.firstText?.bgCssStyle"
                                    [ngStyle]="item.thirdRowLeft4.firstText.bgCssStyle | styleFilter"></i></span>
                                <span *ngIf="item.thirdRowLeft4&&item.thirdRowLeft4?.secondText"
                                  [ngStyle]="item.thirdRowLeft4.secondText.cssStyle | styleFilter" appDebounceClick
                                  (debounceClick)="iconClick2(item?.thirdRowLeftIcon4Btns,item,$event)">{{item.thirdRowLeft4.secondText.label}}
                                  <img src="{{item.thirdRowLeft4.secondText.icon}}" class="customIcon"
                                    [ngStyle]="item.thirdRowLeft4.secondText.iconCssStyle | styleFilter"
                                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16772907610943800eccaf84126ce6cba158c8a507f7d.png'"
                                    *ngIf="item.thirdRowLeft4.secondText.icon" />
                                </span>

                                <span *ngIf="item.thirdRowLeft4&&item.thirdRowLeft4?.thirdText"
                                  [ngStyle]="item.thirdRowLeft4.thirdText.cssStyle | styleFilter" appDebounceClick
                                  (debounceClick)="iconClick2(item?.thirdRowLeftIcon4Btns2,item,$event)">{{item.thirdRowLeft4.thirdText.label}}
                                  <img src="{{item.thirdRowLeft4.thirdText.icon}}" class="customIcon"
                                    [ngStyle]="item.thirdRowLeft4.thirdText.iconCssStyle | styleFilter"
                                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_16772907610943800eccaf84126ce6cba158c8a507f7d.png'"
                                    *ngIf="item.thirdRowLeft4.thirdText.icon" />
                                </span>
                              </div>
                              <div class="firstRowRight" *ngIf="item.thirdRowRight4"
                                [ngStyle]="item.thirdRowRight4?.box?.boxCssStyle | styleFilter">
                                <span *ngIf="item.thirdRowRight4&&item.thirdRowRight4?.firstText"
                                  [ngStyle]="item.thirdRowRight4.firstText.cssStyle | styleFilter">{{item.thirdRowRight4.firstText.label}}</span>

                                <ng-container *ngFor="let subBtn of item?.thirdRowLeft4Btns,let k = index;">
                                  <img src="{{subBtn.icon}}" appDebounceClick
                                    (debounceClick)="iconClick(subBtn,item,$event)" class="commonIcon"
                                    [ngStyle]="subBtn.iconCssStyle | styleFilter" *ngIf="subBtn" />
                                </ng-container>
                              </div>
                            </div>

                            <!--phone or link  -->
                            <div class="normalRow 8" *ngIf="item.thirdRowLeftToLinkOrPhone"
                              [ngStyle]="item.thirdRowLeftToLinkOrPhoneBoxCssStyle | styleFilter">
                              <div class="firstRowLeft"
                                *ngIf="item.thirdRowLeftToLinkOrPhone?.firstText?.label || item.thirdRowLeftToLinkOrPhone?.secondText?.label">
                                <span *ngIf="item.thirdRowLeftToLinkOrPhone?.firstText?.label"
                                  [ngStyle]="item.thirdRowLeftToLinkOrPhone?.firstText?.cssStyle | styleFilter"
                                  appDebounceClick
                                  (debounceClick)="onClick($event,item.thirdRowLeftToLinkOrPhone)">{{item.thirdRowLeftToLinkOrPhone?.firstText.label}}</span>
                                <span *ngIf="item.thirdRowLeftToLinkOrPhone?.secondText?.label"
                                  [ngStyle]="item.thirdRowLeftToLinkOrPhone?.secondText?.cssStyle | styleFilter"
                                  appDebounceClick
                                  (debounceClick)="onClick($event,item.thirdRowLeftToLinkOrPhone)">{{item.thirdRowLeftToLinkOrPhone.secondText.label}}</span>
                                <img src="{{item.thirdRowLeftToLinkOrPhone.png.label}}" class="right-arrow"
                                  [ngStyle]="item.thirdRowLeftToLinkOrPhone?.png?.cssStyle | styleFilter"
                                  *ngIf="item.thirdRowLeftToLinkOrPhone.png.label" />
                              </div>
                              <div class="firstRowRight" *ngIf="item.thirdRowRightToLinkOrPhone"
                                [ngStyle]="item.thirdRowRightToLinkOrPhoneBoxCssStyle | styleFilter">
                                <span
                                  *ngIf="item.thirdRowRightToLinkOrPhone&&item.thirdRowRightToLinkOrPhone?.firstText"
                                  [ngStyle]="item.thirdRowRightToLinkOrPhone.firstText.cssStyle | styleFilter">{{item.thirdRowRightToLinkOrPhone.firstText.label}}</span>
                                <ng-container
                                  *ngFor="let subBtn of item?.thirdRowRightToLinkOrPhoneBtns,let k = index;">
                                  <img src="{{subBtn.icon}}" appDebounceClick
                                    (debounceClick)="iconClick(subBtn,item,$event)" class="commonIcon"
                                    [ngStyle]="subBtn.iconCssStyle | styleFilter" *ngIf="subBtn" />
                                </ng-container>
                              </div>
                            </div>
                            <div class="normalRow 9" *ngIf="item.fourthRowLeft"
                              [ngStyle]="item.fourthRowBox?.box?.cssStyle|styleFilter">
                              <span *ngIf="item.fourthRowLeft?.firstText?.label"
                                [ngStyle]="item.fourthRowLeft?.firstText?.cssStyle | styleFilter">{{item.fourthRowLeft?.firstText.label}}</span>
                              <span *ngIf="item.fourthRowLeft?.secondText?.label"
                                [ngStyle]="item.fourthRowLeft?.secondText?.cssStyle | styleFilter">{{item.fourthRowLeft.secondText.label}}</span>
                            </div>
                            <div class="normalRow 10" *ngIf="item.thirdRowLeft5 || item.thirdRowRight5"
                              [ngStyle]="item.thirdRowLeft5?.box?.cssStyle | styleFilter">
                              <div class="firstRowLeft" *ngIf="item.thirdRowLeft5">
                                <span *ngIf="item.thirdRowLeft5&&item.thirdRowLeft5?.firstText"
                                  [ngStyle]="item.thirdRowLeft5.firstText.cssStyle | styleFilter">{{item.thirdRowLeft5.firstText.label}}</span>
                                <span *ngIf="item.thirdRowLeft5&&item.thirdRowLeft5?.secondText"
                                  [ngStyle]="item.thirdRowLeft5.secondText.cssStyle | styleFilter">{{item.thirdRowLeft5.secondText.label}}</span>
                              </div>
                              <div class="firstRowRight" *ngIf="item.thirdRowRight5"
                                [ngStyle]="item.thirdRowRight5?.box?.cssStyle | styleFilter">
                                <span *ngIf="item.thirdRowRight5&&item.thirdRowRight5?.firstText"
                                  [ngStyle]="item.thirdRowRight5.firstText.cssStyle | styleFilter">{{item.thirdRowRight5.firstText.label}}</span>
                                <ng-container *ngFor="let subBtn of item?.thirdRowLeft5Btns,let k = index;">
                                  <img src="{{subBtn.icon}}" appDebounceClick
                                    (debounceClick)="iconClick(subBtn,item,$event)" class="commonIcon"
                                    [ngStyle]="subBtn.iconCssStyle | styleFilter" *ngIf="subBtn" />
                                </ng-container>
                              </div>
                            </div>


                            <!--2023年7月20日新增头像-->
                            <div class="normalRow 11" *ngIf="item.thirdRowLeft6 || item.thirdRowRight6"
                              [ngStyle]="item.thirdRowLeft6?.box?.cssStyle | styleFilter">
                              <div class="firstRowLeft" *ngIf="item.thirdRowLeft6"
                                [ngStyle]="item.thirdRowLeft6?.box?.leftBoxCssStyle | styleFilter">
                                <img src="{{item.thirdRowLeft6.avatar.url}}" class="commonIcon"
                                  [ngStyle]="item.thirdRowLeft6.avatar.cssStyle | styleFilter"
                                  *ngIf="item.thirdRowLeft6.avatar.url" />
                                <span *ngIf="item.thirdRowLeft6&&item.thirdRowLeft6?.firstText"
                                  [ngStyle]="item.thirdRowLeft6.firstText.cssStyle | styleFilter">{{item.thirdRowLeft6.firstText.label}}</span>
                                <span *ngIf="item.thirdRowLeft6&&item.thirdRowLeft6?.secondText"
                                  [ngStyle]="item.thirdRowLeft6.secondText.cssStyle | styleFilter">{{item.thirdRowLeft6.secondText.label}}</span>
                              </div>
                              <div class="firstRowRight" *ngIf="item.thirdRowRight6"
                                [ngStyle]="item.thirdRowRight6?.box?.rightBoxCssStyle | styleFilter">
                                <div class="rightBox1 rightSingleBox"
                                  *ngIf="item.thirdRowRight6?.box?.rightBox1CssStyle"
                                  [ngStyle]="item.thirdRowRight6?.box?.rightBox1CssStyle | styleFilter">
                                  <span *ngIf="item.thirdRowRight6&&item.thirdRowRight6?.firstText"
                                    [ngStyle]="item.thirdRowRight6.firstText.cssStyle | styleFilter">{{item.thirdRowRight6.firstText.label}}
                                    <font class="commentFont" *ngIf="item.thirdRowRight6.firstText.value"
                                      [ngStyle]="item.thirdRowRight6.firstText.valueCssStyle|styleFilter">
                                      {{item.thirdRowRight6.firstText.value}}
                                    </font>
                                    <font class="commentFont" *ngIf="item.thirdRowRight6.firstText.label1"
                                      [ngStyle]="item.thirdRowRight6.firstText.label1CssStyle|styleFilter">
                                      {{item.thirdRowRight6.firstText.label1}}
                                      <font class="commentFont" *ngIf="item.thirdRowRight6.firstText.value1"
                                        [ngStyle]="item.thirdRowRight6.firstText.value1CssStyle|styleFilter">
                                        {{item.thirdRowRight6.firstText.value1}}
                                      </font>
                                    </font>
                                    <font class="commentFont" *ngIf="item.thirdRowRight6.firstText.label2"
                                      [ngStyle]="item.thirdRowRight6.firstText.label2CssStyle|styleFilter">
                                      {{item.thirdRowRight6.firstText.label2}}
                                      <font class="commentFont" *ngIf="item.thirdRowRight6.firstText.value2"
                                        [ngStyle]="item.thirdRowRight6.firstText.value2CssStyle|styleFilter">
                                        {{item.thirdRowRight6.firstText.value2}}
                                      </font>
                                    </font>
                                  </span>
                                  <span class="phone" *ngIf="item.thirdRowRight6&&item.thirdRowRight6?.secondText"
                                    [ngStyle]="item.thirdRowRight6.secondText.cssStyle | styleFilter" appDebounceClick
                                    (debounceClick)="copyStr($event,item.thirdRowRight6.secondText.phone)">{{item.thirdRowRight6.secondText.label}}
                                    <font class="commentFont" *ngIf="item.thirdRowRight6.secondText.value"
                                      [ngStyle]="item.thirdRowRight6.secondText.valueCssStyle|styleFilter">
                                      {{item.thirdRowRight6.secondText.value}}
                                    </font>
                                  </span>
                                </div>
                                <div class="rightBox2 rightSingleBox"
                                  *ngIf="item.thirdRowRight6?.box?.rightBox2CssStyle"
                                  [ngStyle]="item.thirdRowRight6?.box?.rightBox2CssStyle | styleFilter">
                                  <span *ngIf="item.thirdRowRight6&&item.thirdRowRight6?.thirdText"
                                    [ngStyle]="item.thirdRowRight6.thirdText.cssStyle | styleFilter">{{item.thirdRowRight6.thirdText.label}}
                                    <font class="commentFont" *ngIf="item.thirdRowRight6.thirdText.value"
                                      [ngStyle]="item.thirdRowRight6.thirdText.valueCssStyle|styleFilter">
                                      {{item.thirdRowRight6.thirdText.value}}
                                    </font>

                                  </span>

                                  <span *ngIf="item.thirdRowRight6&&item.thirdRowRight6?.fourthText"
                                    [ngStyle]="item.thirdRowRight6.fourthText.cssStyle | styleFilter">{{item.thirdRowRight6.fourthText.label}}

                                    <font class="commentFont" *ngIf="item.thirdRowRight6.fourthText.value"
                                      [ngStyle]="item.thirdRowRight6.fourthText.valueCssStyle|styleFilter">
                                      {{item.thirdRowRight6.fourthText.value}}
                                    </font>
                                  </span>
                                </div>


                                <div class="rightBox3 rightSingleBox"
                                  *ngIf="item.thirdRowRight6?.box?.rightBox3CssStyle"
                                  [ngStyle]="item.thirdRowRight6?.box?.rightBox3CssStyle | styleFilter">

                                  <span *ngIf="item.thirdRowRight6&&item.thirdRowRight6?.fifthText"
                                    [ngStyle]="item.thirdRowRight6.fifthText.cssStyle | styleFilter">{{item.thirdRowRight6.fifthText.label}}
                                    <font class="commentFont" *ngIf="item.thirdRowRight6.fifthText.value"
                                      [ngStyle]="item.thirdRowRight6.fifthText.valueCssStyle|styleFilter">
                                      {{item.thirdRowRight6.fifthText.value}}
                                    </font>

                                  </span>

                                  <span *ngIf="item.thirdRowRight6&&item.thirdRowRight6?.sixthText"
                                    [ngStyle]="item.thirdRowRight6.sixthText.cssStyle | styleFilter">{{item.thirdRowRight6.sixthText.label}}

                                    <font class="commentFont" *ngIf="item.thirdRowRight6.sixthText.value"
                                      [ngStyle]="item.thirdRowRight6.sixthText.valueCssStyle|styleFilter">
                                      {{item.thirdRowRight6.sixthText.value}}
                                    </font>
                                  </span>
                                </div>


                                <div class="rightBox4 rightSingleBox"
                                  *ngIf="item.thirdRowRight6?.box?.rightBox4CssStyle"
                                  [ngStyle]="item.thirdRowRight6?.box?.rightBox4CssStyle | styleFilter">

                                  <span *ngIf="item.thirdRowRight6&&item.thirdRowRight6?.seventhText"
                                    [ngStyle]="item.thirdRowRight6.seventhText.cssStyle | styleFilter">{{item.thirdRowRight6.seventhText.label}}
                                    <font class="commentFont" *ngIf="item.thirdRowRight6.seventhText.value"
                                      [ngStyle]="item.thirdRowRight6.seventhText.valueCssStyle|styleFilter">
                                      {{item.thirdRowRight6.seventhText.value}}
                                    </font>

                                  </span>

                                  <span *ngIf="item.thirdRowRight6&&item.thirdRowRight6?.eighthText"
                                    [ngStyle]="item.thirdRowRight6.eighthText.cssStyle | styleFilter">{{item.thirdRowRight6.eighthText.label}}

                                    <font class="commentFont" *ngIf="item.thirdRowRight6.eighthText.value"
                                      [ngStyle]="item.thirdRowRight6.eighthText.valueCssStyle|styleFilter">
                                      {{item.thirdRowRight6.eighthText.value}}
                                    </font>
                                  </span>

                                  <ng-container *ngFor="let subBtn of item?.thirdRowLeft6Btns,let k = index;">
                                    <img src="{{subBtn.icon}}" appDebounceClick
                                      (debounceClick)="iconClick(subBtn,item,$event)" class="commonIcon"
                                      [ngStyle]="subBtn.iconCssStyle | styleFilter" *ngIf="subBtn" />
                                  </ng-container>
                                </div>
                              </div>
                            </div>
                            <ng-container *ngIf="item.contentModel">
                              <div class="finishBox" [ngStyle]="item.finishBoxCssStyle | styleFilter">
                                <ng-container *ngFor="let subItem of item.contentModel,let j = index;">
                                  <ng-container *ngIf="j!==(item.contentModel.length-1)">
                                    <span *ngIf="subItem&&subItem?.label" [ngStyle]="subItem.cssStyle | styleFilter">
                                      {{subItem.label}}{{subItem.text}}</span>
                                  </ng-container>
                                  <ng-container *ngIf="j===(item.contentModel.length-1)">
                                    <div class="contentModelRow"><span *ngIf="subItem&&subItem?.label"
                                        [ngStyle]="subItem.cssStyle | styleFilter">
                                        {{subItem.label}}{{subItem.text}}</span>
                                      <span *ngIf="item.status&&item.status?.firstText"
                                        [ngStyle]="item.status.firstText.cssStyle | styleFilter">{{item.status.firstText.label}}</span>
                                    </div>
                                  </ng-container>
                                </ng-container>
                              </div>
                            </ng-container>
                            <ng-container *ngIf="!item.contentModel">
                              <div class="statusRow"
                                *ngIf="item.status?.firstText?.label || item.dateTime?.firstText?.label">
                                <div class="firstRowLeft">
                                  <span *ngIf="item.dateTime&&item.dateTime?.firstText"
                                    [ngStyle]="item.dateTime.firstText.cssStyle | styleFilter">{{item.dateTime.firstText.label}}</span>
                                  <span *ngIf="item.dateTime&&item.dateTime?.secondText"
                                    [ngStyle]="item.dateTime.secondText.cssStyle | styleFilter">{{item.dateTime.secondText.label}}</span>
                                  <span *ngIf="item.dateTime&&item.dateTime?.linkText" appDebounceClick
                                    (debounceClick)="go(item.dateTime.linkText.linkInfo,$event)"
                                    [ngStyle]="item.dateTime.linkText?.secondText?.cssStyle | styleFilter">{{item.dateTime.linkText?.secondText?.label}}</span>
                                </div>
                                <div class="firstRowRight">
                                  <span *ngIf="item.status&&item.status?.firstText"
                                    [ngStyle]="item.status.firstText.cssStyle | styleFilter">{{item.status.firstText.label}}</span>
                                  <span *ngIf="item.status&&item.status?.linkSpan"
                                    [ngStyle]="item.status.cssStyle | styleFilter" appDebounceClick
                                    (debounceClick)="go(item.status.linkSpan)">{{item.status.linkSpan.label}}</span>
                                </div>
                              </div>
                            </ng-container>



                          </div>
                        </div>
                      </div>
                      <div *ngIf="item.remarkFooter" [ngStyle]="item.remarkFooterBoxCssStyle | styleFilter">
                        <img src="assets/icon/detail_icon_triangle@3x.png"
                          style="width:0.56rem;height:0.38rem;margin-left:1.25rem;">
                        <div class="labelBox" [ngStyle]="item.remarkFooter?.box?.labelBoxCssStyle|styleFilter">
                          <span [ngStyle]="item.remarkFooter?.firstText?.cssStyle|styleFilter">
                            {{item.remarkFooter?.firstText?.label}}
                          </span>
                          <span class="viewAllBtn" *ngIf="item.remarkFooter?.secondText" appDebounceClick
                            (debounceClick)="go(item?.viewAllBtn[0],$event)"
                            [ngStyle]="item.remarkFooter?.secondText?.cssStyle|styleFilter">
                            {{item.remarkFooter?.secondText?.label}}
                            <img *ngIf="item.remarkFooter?.box?.iconUrl" class="remarkArrowIcon"
                              [src]="item.remarkFooter?.box?.iconUrl"
                              onerror="this.src='assets/fw/fw_personalcenter_icon_arrow_right@3x.png'"
                              [ngStyle]="item.remarkFooter?.box?.iconUrlCssStyle|styleFilter" />
                          </span>
                        </div>
                      </div>
                    </div>
                    <div class="imgCssBox" [ngStyle]="item?.imgCssBoxCssStyle|styleFilter" *ngIf="item.phone"
                      appDebounceClick (debounceClick)="call($event,item.phone,item.userName)">
                      <img class="imgCss" src='assets/icon/expert_icon_phone_laijian@3x.png'
                        onerror="this.src='assets/icon/expert_icon_phone_laijian@3x.png'">
                    </div>


                    <!--1.9.0 选择小区新增按钮-->
                    <div class="btnBox" [ngStyle]="item?.btnBoxCssStyle|styleFilter" *ngIf="item?.operationBtn">
                      <ng-container *ngFor="let itemBtn of item?.operationBtn">
                        <span class="btnBtn" appDebounceClick (debounceClick)="iconClick(itemBtn,item,$event,dataIndex)"
                          [ngStyle]="itemBtn?.itemBtnCssStyle|styleFilter">
                          {{itemBtn.label}}
                        </span>
                      </ng-container>
                    </div>
                  </div>

                  <!--2.2.0 新增签约内容-->
                  <ng-container *ngIf="item.commentBox">
                    <div class="commentBox" [ngStyle]="item.commentBox?.boxCssStyle|styleFilter">
                      <div class="commentFirstRow 1" [ngStyle]="item.commentBox?.firstRowCssStyle|styleFilter">
                        <div class="commentSpan commonLeftBox" *ngIf="item.commentBox?.firstRowLabel"
                          [ngStyle]="item.commentBox?.firstRowLabelCssStyle|styleFilter">
                          {{item.commentBox?.firstRowLabel}}

                          <font class="commentFont" *ngIf="item.commentBox?.firstRowValue"
                            [ngStyle]="item.commentBox.firstRowValueCssStyle|styleFilter">
                            {{item.commentBox?.firstRowValue}}
                          </font>
                          <font class="commentFont" *ngIf="item.commentBox?.firstRowValue1"
                            [ngStyle]="item.commentBox.firstRowValue1CssStyle|styleFilter">
                            {{item.commentBox?.firstRowValue1}}
                          </font>


                          <div class="firstRowIconsBox" [ngStyle]="item.commentBox.firstRowIconsBoxCssStyle|styleFilter"
                            *ngIf="item.commentBoxFirstRowIcons">

                            <ng-container
                              *ngIf="item.commentBoxFirstRowIcons.length > 0 && item.commentBoxFirstRowIcons.length > 3; else iconsMoreThanThreeTemplate">

                              <ng-container *ngFor="let firstRowIcons of item.commentBoxFirstRowIcons;let k = index;">
                                <ng-container *ngIf="k < 2">
                                  <img *ngIf="firstRowIcons" [src]="firstRowIcons?.icon" class="smallIcon"
                                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687915826112c0cf11a1ab4178c6adf2a22cb91c18a7.png'"
                                    [ngStyle]="firstRowIcons?.iconCssStyle|styleFilter" />
                                </ng-container>


                                <ng-container *ngIf="k === 2">
                                  <img *ngIf="firstRowIcons"
                                    src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687918046689422d795eddac86674c391db5df66a8bf.png"
                                    class="smallIcon"
                                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687918046689422d795eddac86674c391db5df66a8bf.png'"
                                    [ngStyle]="firstRowIcons?.iconCssStyle|styleFilter" />
                                </ng-container>

                              </ng-container>
                            </ng-container>

                            <ng-template #iconsMoreThanThreeTemplate>
                              <ng-container *ngFor="let firstRowIcons of item.commentBoxFirstRowIcons;let k = index;">
                                <img *ngIf="firstRowIcons" [src]="firstRowIcons?.icon" class="smallIcon"
                                  onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687915826112c0cf11a1ab4178c6adf2a22cb91c18a7.png'"
                                  [ngStyle]="firstRowIcons?.iconCssStyle|styleFilter" />
                              </ng-container>
                            </ng-template>
                          </div>

                          <font class="commentFont" *ngIf="item.commentBox?.firstRowValue2"
                            [ngStyle]="item.commentBox.firstRowValue2CssStyle|styleFilter">
                            {{item.commentBox?.firstRowValue2}}
                          </font>
                        </div>

                        <div class="commentSpan" *ngIf="item.commentBox?.firstRowRightBox"
                          [ngStyle]="item.commentBox?.firstRowRightBoxCssStyle|styleFilter">
                          <ng-container *ngFor="let firstRowRightButton of item.commentBoxFirstRowButton">
                            <font class="commentFont"
                              [ngStyle]="firstRowRightButton?.link?.params?.btnCssStyle|styleFilter" appDebounceClick
                              (debounceClick)="iconClick(firstRowRightButton,item,$event)">
                              {{firstRowRightButton?.label}}
                            </font>
                          </ng-container>
                        </div>


                      </div>
                      <div class="commentFirstRow 2" [ngStyle]="item.commentBox?.secondRowCssStyle|styleFilter">

                        <div class="commentSpan commonLeftBox" *ngIf="item.commentBox?.secondRowLabel"
                          [ngStyle]="item.commentBox?.secondRowLabelCssStyle|styleFilter">
                          {{item.commentBox?.secondRowLabel}}
                          <font class="commentFont" *ngIf="item.commentBox?.secondRowValue"
                            [ngStyle]="item.commentBox.secondRowValueCssStyle|styleFilter">
                            {{item.commentBox?.secondRowValue}}
                          </font>
                          <font class="commentFont" *ngIf="item.commentBox?.secondRowValue1"
                            [ngStyle]="item.commentBox.secondRowValue1CssStyle|styleFilter">
                            {{item.commentBox?.secondRowValue1}}
                          </font>


                          <div class="firstRowIconsBox"
                            [ngStyle]="item.commentBox.secondRowIconsBoxCssStyle|styleFilter"
                            *ngIf="item.commentBoxSecondRowIcons">

                            <ng-container
                              *ngIf="item.commentBoxSecondRowIcons.length > 0 && item.commentBoxSecondRowIcons.length > 3; else iconsMoreThanThreeTemplate2">

                              <ng-container *ngFor="let secondRowIcons of item.commentBoxSecondRowIcons;let k = index;">
                                <ng-container *ngIf="k < 2">
                                  <img *ngIf="secondRowIcons" [src]="secondRowIcons?.icon" class="smallIcon"
                                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687915826112c0cf11a1ab4178c6adf2a22cb91c18a7.png'"
                                    [ngStyle]="secondRowIcons?.iconCssStyle|styleFilter" />
                                </ng-container>


                                <ng-container *ngIf="k === 2">
                                  <img *ngIf="secondRowIcons"
                                    src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687918046689422d795eddac86674c391db5df66a8bf.png"
                                    class="smallIcon"
                                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687918046689422d795eddac86674c391db5df66a8bf.png'"
                                    [ngStyle]="secondRowIcons?.iconCssStyle|styleFilter" />
                                </ng-container>

                              </ng-container>
                            </ng-container>

                            <ng-template #iconsMoreThanThreeTemplate2>
                              <ng-container *ngFor="let secondRowIcons of item.commentBoxSecondRowIcons;let k = index;">
                                <img *ngIf="secondRowIcons" [src]="secondRowIcons?.icon" class="smallIcon"
                                  onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687915826112c0cf11a1ab4178c6adf2a22cb91c18a7.png'"
                                  [ngStyle]="secondRowIcons?.iconCssStyle|styleFilter" />
                              </ng-container>
                            </ng-template>
                          </div>
                          <font class="commentFont" *ngIf="item.commentBox?.secondRowValue2"
                            [ngStyle]="item.commentBox.secondRowValue2CssStyle|styleFilter">
                            {{item.commentBox?.secondRowValue2}}
                          </font>
                        </div>
                        <div class="commentSpan" *ngIf="item.commentBox?.secondRowRightBox"
                          [ngStyle]="item.commentBox?.secondRowRightBoxCssStyle|styleFilter">
                          <ng-container *ngFor="let secondRowRightButton of item.commentBoxSecondRowButton">
                            <font class="commentFont" appDebounceClick
                              (debounceClick)="iconClick(secondRowRightButton,item,$event)"
                              [ngStyle]="secondRowRightButton?.link?.params?.btnCssStyle|styleFilter">
                              {{secondRowRightButton?.label}}
                            </font>
                          </ng-container>
                        </div>
                      </div>
                      <div class="commentFirstRow 3" [ngStyle]="item.commentBox?.thirdRowCssStyle|styleFilter">
                        <div class="commentSpan commonLeftBox" *ngIf="item.commentBox?.thirdRowLabel"
                          [ngStyle]="item.commentBox?.thirdRowLabelCssStyle|styleFilter">
                          {{item.commentBox?.thirdRowLabel}}
                          <font class="commentFont" *ngIf="item.commentBox?.thirdRowValue"
                            [ngStyle]="item.commentBox.thirdRowValueCssStyle|styleFilter">
                            {{item.commentBox?.thirdRowValue}}
                          </font>
                          <font class="commentFont" *ngIf="item.commentBox?.thirdRowValue1"
                            [ngStyle]="item.commentBox.thirdRowValue1CssStyle|styleFilter">
                            {{item.commentBox?.thirdRowValue1}}
                          </font>
                          <div class="firstRowIconsBox" [ngStyle]="item.commentBox.thirdRowIconsBoxCssStyle|styleFilter"
                            *ngIf="item.commentBoxThirdRowIcons">
                            <ng-container
                              *ngIf="item.commentBoxThirdRowIcons.length > 0 && item.commentBoxThirdRowIcons.length > 3; else iconsMoreThanThreeTemplate2">
                              <ng-container *ngFor="let thirdRowIcons of item.commentBoxThirdRowIcons;let k = index;">
                                <ng-container *ngIf="k < 2">
                                  <img *ngIf="thirdRowIcons" [src]="thirdRowIcons?.icon" class="smallIcon"
                                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687915826112c0cf11a1ab4178c6adf2a22cb91c18a7.png'"
                                    [ngStyle]="thirdRowIcons?.iconCssStyle|styleFilter" />
                                </ng-container>
                                <ng-container *ngIf="k === 2">
                                  <img *ngIf="thirdRowIcons"
                                    src="https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687918046689422d795eddac86674c391db5df66a8bf.png"
                                    class="smallIcon"
                                    onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687918046689422d795eddac86674c391db5df66a8bf.png'"
                                    [ngStyle]="thirdRowIcons?.iconCssStyle|styleFilter" />
                                </ng-container>
                              </ng-container>
                            </ng-container>

                            <ng-template #iconsMoreThanThreeTemplate2>
                              <ng-container *ngFor="let thirdRowIcons of item.commentBoxThirdRowIcons;let k = index;">
                                <img *ngIf="thirdRowIcons" [src]="thirdRowIcons?.icon" class="smallIcon"
                                  onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1687915826112c0cf11a1ab4178c6adf2a22cb91c18a7.png'"
                                  [ngStyle]="thirdRowIcons?.iconCssStyle|styleFilter" />
                              </ng-container>
                            </ng-template>
                          </div>

                          <font class="commentFont" *ngIf="item.commentBox?.thirdRowValue2"
                            [ngStyle]="item.commentBox.thirdRowValue2CssStyle|styleFilter">
                            {{item.commentBox?.thirdRowValue2}}
                          </font>


                        </div>
                        <div class="commentSpan" *ngIf="item.commentBox?.thirdRowRightBox"
                          [ngStyle]="item.commentBox?.thirdRowRightBoxCssStyle|styleFilter">
                          <ng-container *ngFor="let thirdRowRightButton of item.commentBoxThirdRowButton">
                            <font class="commentFont" appDebounceClick
                              (debounceClick)="iconClick(thirdRowRightButton,item,$event)"
                              [ngStyle]="thirdRowRightButton?.link?.params?.btnCssStyle|styleFilter">
                              {{thirdRowRightButton?.label}}
                            </font>
                          </ng-container>
                        </div>
                      </div>
                      <div class="commentFirstRow 4" [ngStyle]="item.commentBox?.fourthRowCssStyle|styleFilter">

                        <div class="commentSpan commonLeftBox" *ngIf="item.commentBox?.fourthRowLabel"
                          [ngStyle]="item.commentBox?.fourthRowLabelCssStyle|styleFilter">
                          {{item.commentBox?.fourthRowLabel}}
                          <font class="commentFont" *ngIf="item.commentBox?.fourthRowValue"
                            [ngStyle]="item.commentBox.fourthRowValueCssStyle|styleFilter">
                            {{item.commentBox?.fourthRowValue}}
                          </font>
                          <font class="commentFont" *ngIf="item.commentBox?.fourthRowValue1"
                            [ngStyle]="item.commentBox.fourthRowValue1CssStyle|styleFilter">
                            {{item.commentBox?.fourthRowValue1}}
                          </font>
                        </div>

                        <div class="commentSpan" *ngIf="item.commentBox?.fourthRowRightBox"
                          [ngStyle]="item.commentBox?.fourthRowRightBoxCssStyle|styleFilter">
                          <ng-container *ngFor="let fourthRowRightButton of item.commentBoxFourthRowButton">
                            <font class="commentFont" appDebounceClick
                              (debounceClick)="iconClick(fourthRowRightButton,item,$event)"
                              [ngStyle]="fourthRowRightButton?.link?.params?.btnCssStyle|styleFilter">
                              {{fourthRowRightButton?.label}}
                            </font>
                          </ng-container>
                        </div>
                      </div>
                    </div>
                  </ng-container>

                  <div
                    [ngClass]="{'buttonBox': !item.fourthRowLeft,'buttonBoxBetween':item.fourthRowLeft,'buttonBoxBetween':item.leftStatus}"
                    *ngIf="item.hiddenButtonBox === undefined" [ngStyle]="item?.buttonOuterBoxCssStyle|styleFilter">

                    <ng-container *ngFor="let leftBtnItem of item.phoneButtons">
                      <img *ngIf="leftBtnItem.imgUrl" class="phoneIcon" [src]="leftBtnItem.imgUrl"
                        onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_169770008904705cd0dbfef8f009f64b4ecfd5d077968.png'"
                        [ngStyle]="leftBtnItem?.btnCssStyle|styleFilter" appDebounceClick
                        (debounceClick)="normalBtnClick(leftBtnItem,dataIndex)" />
                    </ng-container>

                    <div *ngIf="item.fourthRowLeft" [ngStyle]="item.fourthRowLeft.cssStyle | styleFilter">
                      {{item.fourthRowLeft.text}}
                    </div>

                    <div *ngIf="item.leftStatus" [ngStyle]="item.leftStatus?.firstText?.cssStyle | styleFilter">
                      {{item.leftStatus?.firstText?.label}}
                    </div>

                    <div class="buttons" [ngStyle]="item?.buttonBoxCssStyle|styleFilter">

                      <!--1.6.6 新增更多按钮-->
                      <ng-container *ngIf="item?.moreButtons!==undefined">
                        <div class="divInnerBox 1" [ngStyle]="item?.divInnerBoxCssStyle|styleFilter">
                          <ng-container *ngFor="let btnItem of item.moreButtons;let i = index;">
                            <ng-container *ngIf="i===0">
                              <div class="spanBtn 1" [ngStyle]="btnItem.link?.params?.btnCssStyle|styleFilter"
                                appDebounceClick (debounceClick)="morebtnClick(item.moreButtons,0)">
                                {{btnItem.link.params?.moreButtonLabel}}
                                <div class="btnBadge" *ngIf="btnItem.badge!==undefined&&btnItem.badge!=='0'"></div>
                              </div>
                            </ng-container>
                          </ng-container>
                        </div>
                      </ng-container>

                      <!--1.6.6 新增更多按钮-->
                      <ng-container *ngIf="item?.buttonDrawer!==undefined">
                        <div class="divInnerBox 2" [ngStyle]="item?.divInnerBoxCssStyle|styleFilter">
                          <ng-container *ngFor="let btnItem of item.buttonDrawer;let i = index;">
                            <ng-container *ngIf="i===0">
                              <div class="spanBtn 2" [ngStyle]="btnItem?.btnCssStyle|styleFilter" appDebounceClick
                                (debounceClick)="morebtnClick(item.buttonDrawer,dataIndex,1)">
                                {{btnItem.text}}
                                <img *ngIf="btnItem?.imgUrl" [src]="btnItem?.imgUrl"
                                  onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                                  [ngStyle]="btnItem?.imgUrlCssStyle|styleFilter" />
                                <div class="btnBadge" *ngIf="btnItem.badge!==undefined&&btnItem.badge!=='0'"></div>
                              </div>


                            </ng-container>
                          </ng-container>
                        </div>

                      </ng-container>

                      <!--默认按钮类型-->
                      <ng-container *ngFor="let btnItem of item.buttons">
                        <ng-container *ngIf="btnItem.link">
                          <div class="spanBtn 3" appDebounceClick (debounceClick)="normalBtnClick(btnItem,dataIndex)"
                            [ngStyle]="btnItem.link?.params?.btnCssStyle|styleFilter">
                            <ng-container *ngIf="btnItem.modelType"> {{btnItem.iconLabel}}</ng-container>
                            <ng-container *ngIf="!btnItem.modelType"> {{btnItem.label}}</ng-container>
                            <img *ngIf="btnItem.link?.params?.imgUrl" [src]="btnItem.link?.params?.imgUrl"
                              onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                              [ngStyle]="btnItem.link?.params?.imgUrlCssStyle|styleFilter" />
                            <div class="btnBadge" *ngIf="btnItem.badge!==undefined&&btnItem.badge!=='0'"></div>
                          </div>
                        </ng-container>
                        <ng-container *ngIf="btnItem.button">
                          <div class="spanBtn 4" appDebounceClick (debounceClick)="normalBtnClick(btnItem,dataIndex)"
                            [ngStyle]="btnItem.button?.submit?.content?.btnCssStyle|styleFilter">
                            <ng-container *ngIf="btnItem.modelType"> {{btnItem.iconLabel}}</ng-container>
                            <ng-container *ngIf="!btnItem.modelType"> {{btnItem.label}}</ng-container>
                            <img *ngIf="btnItem.button?.submit?.content?.imgUrl"
                              [src]="btnItem.button?.submit?.content?.imgUrl"
                              onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                              [ngStyle]="btnItem.button?.submit?.content?.imgUrlCssStyle|styleFilter" />
                            <div class="btnBadge" *ngIf="btnItem.badge!==undefined&&btnItem.badge!=='0'"></div>
                          </div>
                        </ng-container>
                        <ng-container *ngIf="!btnItem.button&&!btnItem.link">
                          <div class="spanBtn 5" appDebounceClick (debounceClick)="normalBtnClick(btnItem,dataIndex)"
                            [ngStyle]="btnItem.btnCssStyle|styleFilter">
                            <ng-container *ngIf="btnItem.modelType"> {{btnItem.iconLabel}}</ng-container>
                            <ng-container *ngIf="!btnItem.modelType"> {{btnItem.label}}</ng-container>
                            <img *ngIf="btnItem?.imgUrl" [src]="btnItem?.imgUrl"
                              onerror="this.src='assets/fw/expert_icon_chat_location.png'"
                              [ngStyle]="btnItem?.imgUrlCssStyle|styleFilter" />
                            <div class="btnBadge" *ngIf="btnItem.badge!==undefined&&btnItem.badge!=='0'"></div>
                          </div>
                        </ng-container>
                      </ng-container>
                    </div>
                  </div>
                  <div class="lineStyle" [ngStyle]="item.lineStyleCssStyle|styleFilter"
                    *ngIf="item.hiddenBottomLine===undefined && (tagData.data.data.length -1 !== dataIndex )">
                  </div>
                </div>

              </ng-container>

            </div>
          </ng-container>

          <div class="noData"
            *ngIf="(tagData.data.data.length === 0)||( !tagData.data.data) && emptyDataHint !== undefined"
            [ngStyle]="tagData.hintCssStyle | styleFilter">
            <span class="noData-span">{{emptyDataHint}}</span>
          </div>
          <ng-container *ngIf="tagData.data.moreButton && tagData.data.moreButton.label">
            <div class="more-btn" [ngStyle]="tagData.data.moreButton?.cssStyle | styleFilter" appDebounceClick
              (debounceClick)="go(tagData.data.moreButton)">
              {{tagData.data.moreButton.label}}
            </div>
          </ng-container>
          <ion-infinite-scroll *ngIf="showLoadMore" threshold="100px" (ionInfinite)="loadData($event)">
            <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
            </ion-infinite-scroll-content>
          </ion-infinite-scroll>
        </ng-template>
      </ng-template>
    </ng-template>
  </ng-template>

</section>